<template>
  <nut-skeleton
    width="100%"
    height="150px"
    animated
    :loading="loading"
  >
    <nut-swiper
      class="swiper"
      :init-page="0"
      :pagination-visible="true"
      pagination-color="#426543"
      auto-play="3000"
    >
      <nut-swiper-item v-for="(item, index) in images" :key="index">
        <img class="swiper-img" :src="item.url" alt="" />
      </nut-swiper-item>
    </nut-swiper>
  </nut-skeleton>
</template>

<script setup>
import { defineProps } from "vue";

// 属性
const props = defineProps({
  loading: {
    type: Boolean,
  },
  images: {
    type: Object
  }
});
</script>

<style lang="less" scoped>
.swiper-img {
  width: 100%;
  height: 350px;
}
</style>